<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html style="position: relative;height:100%">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="expires" content="0" />
	<meta http-equiv="cache-control" content="no-cache" />
	
	<title>UrBackup - Keeps your data safe</title>
	
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap-select.min.css" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap-toggle.css" />
	<link rel="stylesheet" type="text/css" href="css/dataTables.bootstrap.css" />
	<link rel="stylesheet" type="text/css" href="css/buttons.bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="css/jquery.jqplot.min.css" />
	<link rel="stylesheet" type="text/css" href="css/nprogress.css" />
	<link rel="stylesheet" type="text/css" href="css/urbackup_extra.css" />
	
	<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="js/excanvas.min.js"></script><![endif]-->
	<script language="JavaScript" src="js/jquery.js" id="jquery_js"></script>
	<script language="javascript" src="js/bootstrap.min.js"></script>
	<script language="javascript" src="js/bootstrap-select.min.js"></script>
	<script language="javascript" src="js/bootstrap-toggle.min.js"></script>
	<script language="javascript" src="js/jquery.dataTables.min.js"></script>
	<script language="javascript" src="js/dataTables.buttons.min.js"></script>
	<script language="javascript" src="js/buttons.colVis.min.js"></script>
	<script language="javascript" src="js/buttons.print.min.js"></script>
	<script language="javascript" src="js/buttons.flash.min.js"></script>
	<script language="javascript" src="js/buttons.html5.min.js"></script>
	<script language="javascript" src="js/buttons.bootstrap.min.js"></script>
	<script language="javascript" src="js/jquery.base64.min.js"></script>
	<script language="javascript" src="js/dataTables.bootstrap.min.js"></script>
	<script language="javascript" src="js/dataTables.select.min.js"></script>
	<script language="JavaScript" src="js/dust-full.js" id="dust_js"></script>
	<script language="JavaScript" src="js/jquery.jqplot.min.js"></script>
	<script language="JavaScript" src="js/jqplot.pieRenderer.min.js"></script>
	<script language="JavaScript" src="js/jqplot.barRenderer.min.js"></script>
		<script language="JavaScript" src="js/jqplot.dateAxisRenderer.min.js"></script>
	<script language="JavaScript" src="js/jqplot.highlighter.min.js"></script>
	<script language="JavaScript" src="js/jquery.sparkline.min.js"></script>
	<script language="JavaScript" src="js/templates.js" id="templates_js"></script>
	<script language="JavaScript" src="js/urbackup_functions.js" id="urbackup_functions_js"></script>
	<script language="JavaScript" src="js/default_user_rights.js"></script>
	<script language="JavaScript" src="js/urbackup.js"></script>
	<script language="JavaScript" src="js/md5.js"></script>
	<script language="JavaScript" src="js/sjcl.js"></script>
	<script language="JavaScript" src="js/translation.js"></script>
	<script language="JavaScript" src="js/nprogress.js"></script>
	<script language="JavaScript" src="js/vs/loader.js"></script>
	
	<link rel="stylesheet" type="text/css" href="css/bootstrap-flat.min.css" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap-flat-extras.min.css" />
	
	<link rel="icon" href="favicon.ico" type="image/vnd.microsoft.icon">
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
</head>

<body onload="javascript: startup()" style="padding-top: 70px;height:100%">
	<div style="display:none" id="server_version_full">$version_full$</div>
	<div style="min-height: 100%;">
		<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
			<div class="container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<span class="navbar-brand" onClick="window.location.href='.'" style="cursor: pointer"><img src="images/urbackup.png" alt="UrBackup" style="float: left; position: relative; top: -10px;">UrBackup</span>
				</div>
				<div class="collapse navbar-collapse" id="navbar-collapse-1">
					<ul class="nav navbar-nav" id="main_nav">
					</ul>
				</div>
			</div>
		</nav>
		<div class="container" id="boostrap_container" style="overflow:auto;padding-bottom: 4em;">	
			<div class="pos_bar">			
				<div id="nav_pos">
				</div>
			</div>
			
			<div id="data_div">
				<!-- content -->
				<div id="data_f">
				</div>
			</div>
		</div>
	</div>
	
	<!-- footer -->
	<div style="position: relative;margin-top: -4em;width: 100%;height: 4em;overflow:hidden;clear:both">
		<div class="container-fluid">	
			<div class="form-horizontal">
				<div class="form-group well well-sm">
					<div class="col-sm-3">
						<span id="languages"></span>
					</div>
					<label class="col-sm-9 control-label">
						<span class="pull-right">
							UrBackup $version_short$ | <a href="javascript: aboutUrBackup()" id="about_link">About</a> | <a id="maximize" href="#" onClick="g.maximize_or_minimize(true); return false;">Maximize</a> | <a href="http://www.urbackup.org" target="_new">www.urbackup.org</a>
						</span>
					</label>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
